<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>传世智宝</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta name="format-detection" content="telephone=no" />
  <meta name="description" content="传世智宝"/>
  <meta name="keywords" content="传世智宝"/>
  <meta name="author" content="toma"/>
  <link rel="stylesheet" href="css/bootstrap.font.min.css">
  <link rel="stylesheet" href="lib/swiper.min.css">
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
<section class="search-content">
  <article class="container com-header">
    <h1 class="content-title">大数据股票诊断</h1>
    <div class="search-box">
      <input type="search" placeholder="输入股票代码/拼音首字母/中文名" id="search" autofocus autocomplete="off">
      <ul class="datalist" id="datalist"></ul>
    </div>
    <div class="btn-box">
      <button type="button" class="btn btn-lg btn-bao" id="case">开始诊断</button>
    </div>
  </article>
</section>

<section class="result container" hidden>
  <article class="info">
    <h2>诊断结果：</h2>
    <div class="info-log">
      <p><small>股票代码：</small><span id="stLabel"></span></p>
      <p><small>股票名称：</small><span id="stName"></span></p>
    </div>
  </article>

  <article class="hotline">
    <div class="line-box" data-size="0%" id="sv">
      <p class="l-p">短期看涨:</p>
      <div class="line">
        <span class="pop"></span>
        <div class="line-l"></div>
      </div>
    </div>

    <div class="line-box" data-size="0%" id="mv">
      <p class="l-p">中期看涨:</p>
      <div class="line">
        <span class="pop"></span>
        <div class="line-l"></div>
      </div>
    </div>

    <div class="line-box" data-size="0%" id="lv">
      <p class="l-p">长期看涨:</p>
      <div class="line">
        <span class="pop"></span>
        <div class="line-l"></div>
      </div>
    </div>
  </article>
  <div class="remind">
    <span>此结果由华维智赢独家免费提供，仅供参考，不构成投资建议。</span>
  </div>
</section>


<section class="ewm container" id="ewm" hidden>
  <img src="img/ewm.jpg" alt="ewm" width="220">
  <dl class="ti-tab">
    <dt><h3>对不起，网页当日仅可查询一次</h3></dt>
    <dd>关注华维智赢公众号，智能选股个股诊断不限次数。</dd>
  </dl>
  <a href="javascript:" id="attention" class="btn btn-bao visible-xs-inline-block" data-clipboard-text="华维智赢">如何关注</a>
  <dl class="ti-tab">
    <dt><h3>华维智赢</h3></dt>
    <dd>股票智能助手，让投资更简单！</dd>
    <dd>帮您诊断，过滤高风险股票，帮您盯盘，自动风险预警。</dd>
  </dl>
  <a href="javascript:" class="btn btn-bao hidden-xs">扫码关注</a>
</section>

<footer>
  <p class="container">Copyright © 传世智宝 chinawisecom.net, 京ICP备13041119号, All Rights Reserved。</p>
</footer>

<div class="pop-s">
  <div class="pop-swp" >
    <div class="pop-content">
      <div class="pop-mask"></div>
      <div class="swp-box">
        <div class="close">&times;</div>
        <!-- Swiper -->
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="img/r1.jpg" alt="image"></div>
            <div class="swiper-slide"><img src="img/r2.jpg" alt="image"></div>
            <div class="swiper-slide"><img src="img/r3.jpg" alt="image"></div>
            <div class="swiper-slide"><img src="img/r4.jpg" alt="image"></div>
            <div class="swiper-slide"><img src="img/r5.jpg" alt="image"></div>
            <div class="swiper-slide"><img src="img/r6.jpg" alt="image"></div>
          </div>
          <!-- Add Pagination -->
          <div class="swiper-pagination"></div>
        </div>
      </div>
    </div>
  </div>
</div>

<script src="js/jquery.min.js"></script>
<script src="lib/swiper.jquery.js"></script>
<script src="lib/clipboard.min.js"></script>
<script src="js/main.js"></script>
<script>
  /* main */
  (function () {
    cc.program.search();
    cc.program.storage();
    cc.program.attention();
    cc.program.copy();
  })();
</script>
</body>
</html>